@charset "utf-8";

a {
	color: #fff;
}
a:hover {
	color: #f90;
}
/*.banner-btn {
	bottom: 0px !important;
}

.banner-btn li {
	width: 25px;
	height: 1px;
	border: 0;
	background: rgba(255, 255, 255, .7);
	position: relative;
	border-radius: 0;
}

.banner-btn li span {
	display: inline-block;
	width: 0;
	height: 100%;
	background: #009442;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

.banner-btn .active {
	width: 25px;
	height: 1px;
	margin-bottom: 1px;
}

.banner-btn .active span {
	width: 100%;
	transition: width 2s cubic-bezier(0, 0, 0, 0);
}
*/

.banner-left,.banner-right{height: 64px;width: 64px;display: inline-block;position: absolute;top: 50%;/*margin-top: -32px;*/}
.banner-left{background: url(../images/banner-right.png) no-repeat;left: 30px;}
.banner-right{background: url(../images/banner-left.png) no-repeat;right: 30px;}
.banner-btn li.active{background: #e46500;border: 0px solid #e46500;}


#swiper1 {
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:85px;
}
#swiper2{
	width:100%;
	height:auto;
	margin-top: 30px;
	overflow:hidden;
}
#swiper2 .flex-control-nav{
	display:none;
}
#swiper2 .flexslider .slides li{
	position:relative;
	height:290px;
}
#swiper2 .flexslider .slides li span{
	display:block;
	width:100%;
	height:auto;
	line-height:25px;
	text-align:center;
	position:absolute;
	z-index: 9;
	bottom: 0px;
	left:0px;
	color:#fff;
	padding:20px 20px 20px;
	font-size:12px;
	background:rgba(0,0,0,.2);
}
#swiper2 .flexslider .slides img{
	position:relative;
	z-index:1;
	height:100%;
}



/*pc1*/

.index-one-img {
	width: 50%;
	margin-top: 1px;
}

.index-one-img img {
	width: 100%;
}

.index-one-title {
	padding: 60px 20px 10px 20px;
}

.index-one-title .title {
	font-size: 32px;
	color: #F08619;
	position: relative;
	padding-bottom: 20px;
}

.index-one-title .title:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 2px;
	transition: all .5s ease;
	background: #e77a1a;
}

.index-one-title .more span {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	margin-left: 6px;
}

.index-one p {
	font-size: 14px;
	width: 70%;
	padding-top: 30px
}

.index-one {
	padding-top: 100px;
	padding: 60px 0 0 60px;
	margin-top: 1px;
	display: inline-block;
	width: 50%;
}

.index-one h2 {
	padding-left: 0px;
}

.index-one p:nth-of-type(1) {
	padding-top: 48px
}

.index-one p:nth-of-type(2) {
	padding-bottom: 55px
}

.index-one p {
	font-size: 14px;
	width: 80%;
	color: #666666;
	padding-top: 40px;
}


/*.index-one-title:hover .title:after {
width: 65px;
transition: all .5s ease;
}*/

.party-dots span {
	width: 4px;
	height: 4px;
	display: inline-block;
}

.one {
	animation: flicker 1s linear .3s infinite;
	background: #666666;
}

.two {
	animation: flicker 1s linear .6s infinite;
	background: #949494;
}

.three {
	animation: flicker 1s linear .9s infinite;
	background: #c2c2c2;
}

@keyframes flicker {
	0% {
		transform: scale(1);
		opacity: 1;
	}
	49% {
		transform: scale(1);
		opacity: 0;
	}
	50% {
		transform: scale(1);
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}


/*pc2*/

.index-two-img {
	width: 50%;
	box-sizing: border-box;
	position: relative;
	margin-top: 1px;
}

.index-two-img img {
	width: 100%;
}

.index-two {
	width: 50%;
	box-sizing: border-box;
	margin-top: 1px;
}

.index-two li:first-child {
	height: 115px;
}

.index-two li:first-child .time {
	height: 115px;
}

.index-two li {
	border-bottom: 1px solid #efefef;
}

.index-two .time {
	border-left: 1px solid #efefef;
	width: 135px;
	padding-left: 20px;
	padding-bottom: 20px;
}

.index-two .title {
	padding: 49px 30px 20px 0;
}

.index-two .title span {
	height: 48px;
	line-height: 48px;
	font-size: 14px;
	color: #666;
	display: block;
	text-align: right;
	transition: all .5s ease;
}

.index-two .title .on {
	color: #F08619;
}

.index-two .time em {
	font-size: 16px;
	color: #666;
	display: block;
	height: 48px;
	line-height: 48px;
	font-style: inherit;
	transition: all .5s ease;
}

.index-two .title span:hover {
	padding-right: 25px;
	color: #F08619;
	transition: all .5s ease;
}

.index-two .time em:first-child {
	font-weight: bold;
	color: #333333;
}

.index-two li:last-child {
	border: 0;
}

.index-two .item:last-child {
	padding-bottom: 90px;
}

.index-two-img .text {
	position: absolute;
	bottom: 50px;
	left: 60px;
}

.index-two-img .text h2 {
	padding-bottom: 20px;
	margin-bottom: 60px;
	position: relative;
	color: #fff;
}

.index-two-img .text h2:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 2px;
	transition: all .5s ease;
	background: #fff;
}

.index-two-img .party-dots span {
	background: #FFF;
}


/*pc3*/

.index-three {
	width: 33.333%;
	height: auto;
	float: left;
	position: relative;
	box-sizing: border-box;
	margin-top: 1px;
}

.index-three-item {
	background: rgba(0, 0, 0, .2);
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	transition: all .5s ease;
}

.index-three img {
	width: 100%;
	transition: all .5s ease;
}

.index-three-item h3 {
	font-size: 22px;
	display: inline-block;
	color: #FFFFFF;
	color: #FFFFFF;
}

.index-three-item h3:before {
	content: '';
	width: 100%;
	height: 1px;
	background: #FFFFFF;
	display: block;
	margin-bottom: 40px;
}

.index-three-item h3:after {
	content: '';
	width: 100%;
	height: 1px;
	background: #FFFFFF;
	display: block;
	margin-top: 40px;
}

.index-three-item .title {
	margin-top: -75px;
	position: relative;
	top: 50%;
	transition: all .5s ease;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.index-three:hover .index-three-item {
	background: rgba(0, 0, 0, 0);
	transition: all .5s ease;
}

.index-three:hover .title {
	opacity: 0;
	transition: all .5s ease;
}

.index-three:hover img {
	transform: scale(1.1);
	transition: all .5s ease;
}


/*pc4*/

.index-four-top {
	padding-top: 50px;
}

.index-four-top p {
	padding-top: 40px;
	padding-bottom: 80px;
	width: 65%;
	display: inline-block;
}

.index-four-top .party-dots {
	padding-top: 40px;
}

.index-four-top .index-one-title {
	padding-left: 0px;
}

.index-four-bottom {
	height: 300px;
}

.index-four-bottom .title-bottom {
	border-bottom: 3px solid #efefef;
}

.index-four-bottom .title-bottom li {
	width: 25%;
	float: left;
	font-size: 18px;
	color: #333333;
	font-weight: bold;
}

.index-four-bottom .item {
	width: 25%;
	padding-top: 36px;
	position: relative;
	float: left;
	transition: all .5s ease;
}

.index-four-bottom .item li {
	padding-bottom: 15px;
}

.index-four-bottom .item a {
	color: #666666;
	font-size: 14px;
}

.index-four-bottom .item::before {
	content: '';
	width: 70%;
	height: 3px;
	background: #F08619;
	display: inline-block;
	margin-bottom: 36px;
	position: absolute;
	top: -3px;
	left: 0;
	z-index: 1;
	transition: all .3s ease;
}

.index-four-bottom .item:hover::before {
	width: 0%;
	transition: all .3s ease;
}

.index-four-bottom .item:hover {
	padding-top: 45px;
	transition: all .5s ease;
}


/*m1*/

.index-phone-one .party-dots {
	display: inline-block;
}

.index-phone-one {
	padding-left: 0;
	margin: 0;
}

.index-phone-one .party-dots span {
	background: #00872c;
	border-radius: 50%;
}

.index-phone-one p {
	font-size: 18px;
	color: #666666;
	padding-top: 40px;
}


/*m2*/

.index-phone-two h2 {
	padding-left: 0;
	margin: 0;
}

.index-phone-two img {
	width: 100%;
}

.index-phone-two p {
	font-size: 20px;
	width: 100%;
	color: #666666;
	padding: 20px 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}


/*m3*/

.index-phone-three {
	padding-bottom: 60px;
}

.index-phone-three h2 {
	padding-left: 0;
	padding-top: 20px;
	margin: 0;
}

.index-phone-three .item {
	padding-top: 40px;
}

.index-phone-three .item p {
	color: #666666;
	font-size: 20px;
}

.index-phone-three img {
	max-width: 100%;
	vertical-align: middle;
	box-sizing: border-box;
}

.index-phone-three .image {
	height: 65px;
	width: 100%;
	display: inline-block;
	box-sizing: border-box;
}


/*mf*/

.footer-phone {
	background: #333333;
	padding: 20px;
}

.footer-phone p {
	padding: 5px;
	color: #FFFFFF;
	font-size: 18px;
	text-align: center;
}


/*about*/

.inner-banner {
	position: relative;
padding-top:85px;
}

.inner-banner img {
	width: 100%;
}

.inner-banner .content {
display:none;
	position: absolute;
	top: 50%;
	color: #FFFFFF;
	width: 100%;
}

.inner-banner .content span {
	font-size: 32px;
	display: block;
	width: 100%;
	text-align: center;
}

.inner-banner .content p {
	font-size: 40px;
	width: 100%;
	text-align: center;
	margin-bottom: 0px;
}


/*nav*/

.inner-nav {
	padding: 3% 0;
	text-align: center;
}

.inner-nav ul {
	display: inline-block;
}

.inner-nav li {
	float: left;
	/*padding-right: .1%;*/
	text-align: center;
padding:5px;
}


.inner-nav li a {
	padding: 10px 15px 10px 15px;
	display: block;
	font-size: 16px;
	color: #333;
	background: #f1f1f1;
	vertical-align: middle;
	transition: all .5s ease;
}

.inner-nav .on a {
	color: #fff;
	background: #F08619;
}

/*

.inner-nav li::before {
	content: '';
	width: 1px;
	height: 1px;
	background: #fff;
	display: inline-block;
	transition: all .5s ease;
}

.inner-nav li::after {
	content: '';
	width: 1px;
	height: 1px;
	background: #fff;
	display: inline-block;
	transition: all .5s ease;
}



.inner-nav .on::after,
.inner-nav .on::before {
	width: 100%;
	background:#F08619;
}

.inner-nav li:hover::after {
	width: 100%;
	transition: all .5s ease;
	background:#F08619;
}
*/
.inner-nav li:hover a {
	color: #F08619;
	/* padding-top: 10px; */
	/* padding-bottom: 20px; */
	transition: all .5s ease;
}
.inner-nav li.on:hover a,.inner-nav li.on a:hover{
	color: #fff;
}
/*
.inner-nav li:hover::before {
	width: 100%;
	transition: all .5s ease;
	background:#F08619;
}
*/
.inner-content {
	border-top: 1px dotted #dcdcdc;
	padding-top: 30px;
	padding-bottom: 105px;
	color: #999999;
}

.inner-content p {
	padding-bottom: 20px;
	font-size: 14px;
	color: #999999;
	line-height: 1.7;
}

.inner-content img {
	max-width: 100%;
}

.inner-content .title {
	padding-bottom: 35px;
	font-size: 26px;
}


/*fw*/

.servers h2 {
	font-size: 26px;
	color: #666666;
	text-align: center;
	padding: 20px 0;
}

.advantage {
	padding-bottom: 90px;
}

.advantage-l-border {
	width: 100%;
	height: 32px;
	position: relative;
}

.advantage-l-border img {
	position: relative;
	z-index: 1;
}

.advantage-l-border::after {
	position: absolute;
	content: '';
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	border-bottom: 1px dotted #dcdcdc;
	box-sizing: border-box;
	display: block;
	z-index: 0;
}

.advantage-v-border::after {
	content: '';
	width: 1px;
	height: 70px;
	border-right: 1px dotted #dcdcdc;
	margin: 5px 0;
	box-sizing: border-box;
	display: inline-block;
	z-index: 0;
}

.advantage-content {
	text-align: center;
}

.advantage-content h3 {
	font-weight: bold;
	font-size: 22px;
	color: #F08619;
	padding-bottom: 10px;
}

.advantage-content h5 {
	font-size: 14px;
	color: #666666;
	padding-bottom: 30px;
	line-height: 1.7;
}

.advantage-content-img {
	width: 201px;
	height: 201px;
	display: inline-block;
	text-align: center;
	border: 1px solid #F08619;
	border-radius: 50%;
	padding: 11px;
}

.advantage-content-img img {
	width: 177px;
	height: 177px;
	border-radius: 50%;
}


/*faq*/

.issue {
	padding-left: 10%;
	border-top: 1px dotted #dcdcdc;
	padding-bottom: 80px;
}

.issue-content {
	border-left: 1px dotted #dcdcdc;
	padding-left: 35px;
	padding-top: 10px;
}

.issue-content-item {
	padding-top: 40px;
}

.issue-content-item .ask {
	color: #00923F;
	font-size: 16px;
	position: relative;
	padding-bottom: 15px;
}

.issue-content-item .ask:before {
	content: '';
	position: absolute;
	width: 14px;
	height: 14px;
	border: 2px solid #9b9b9b;
	border-radius: 50%;
	top: 4px;
	left: -43px;
	background: #FFFFFF;
}

.issue-content-item .left {
	font-size: 16px;
	color: #666;
}

.issue-content-item .right p {
	font-size: 14px;
	color: #666;
	padding-left: 20px;
	padding-bottom: 10px;
	line-height: 1.7;
}


/*pro*/

.product{
	padding: 20px 50px;
    position: relative;
}

.product .swiper-slide a{
    display:block;
    width:100%;
    height:100%;
    position:relative;
    z-index:90;
}

.product .img-frame{
    background: #eeeeee;
    height: 325px;
    text-align: center;
    line-height: 325px;
}

.product img {
	max-width: 100%;
	max-height: 100%;
	transition: all .5s ease;
	vertical-align: middle;
	margin:0 auto;
}
#fu-serversa{ text-align:center; padding:10px 0;display: none;}
#fu-serversa img{ max-width:100%;}

.product p {
	font-size: 18px;
	color: #666666;
	padding: 20px 0 25px 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	transition: all .5s ease;
}

.product-bg {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: rgba(0, 0, 0, .5);
	top: 0;
	left: 0;
}



.product-bg-content {
	position: absolute;
	background: #FFFFFF;
	/*width: 1200px;*/
	height: 490px;
	z-index: 2;
	top: 50%;
	left: 50%;
	margin-top: -200px;
	margin-left: -600px;
}

.product-bg-content .content-text {}

.product-bg-content .content-img {
	overflow: hidden;
	text-align: center;
}

.product-bg-content img {
	max-height: 410px;
	vertical-align: middle;
}

.product-bg-content p {
	text-overflow: none;
	white-space: inherit;
	overflow: auto;
	height: 350px
}

.product-bg-content {
	padding: 40px 30px;
}

.product a:hover img {
	transform: scale(1.1);
	transition: all .5s ease;
}

.product a:hover p {
	color: #F08619;
	transition: all .5s ease;
}

.product-bg-content .right img {
	max-width: 100%;
}

.product-bg-content h3 {
	color: #333333;
	font-size: 18px;
}

.product-bg-content p {
	font-size: 14px;
	color: #666666;
	padding-right: 10px;
}

.product-bg-content .close-z {
	content: '';
	width: 17px;
	height: 17px;
	background: url(../images/close.png);
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 3;
}


/*pc page*/

.pagelist {
	padding: 30px 0 60px 0;
}

.pagelist ul {
	display: inline-block;
}

.pagelist li {
	width: auto;
	height: 36px;
	line-height: 36px;
	background: #3f3f3f;
	text-align: center;
	margin-right: 10px;
	color: #FFFFFF;
	float: left;
}
.pagelist li a{
	display:block;
	padding:0 14px;
}
.pagelist .more {
	color: #333;
	background: #FFFFFF;
}

.pagelist .on {
	background: #F08619;
}

.pagelist .pageinfo{
	display:none;
}


/*m page*/

.pagelist-phone {
	padding: 10px 10px 30px 10px;
}

.pagelist-phone img {
	width: 46px;
	height: 38px;
}


/*contact*/

.contact {
	border-top: 1px dotted #dcdcdc;
}

.contact .address {
	padding-top: 35px;
}

.map * {
	box-sizing: content-box;
}

.map {
	padding-bottom: 90px;
}


/*news*/

.news {
	border-top: 1px dotted #dcdcdc;
	padding-top: 15px;
}

.news-main .title {
	font-size: 22px;
	color: #666666;
	line-height: 1.7;
}

.news-main .time {
	font-size: 14px;
	color: #999999;
	display: block;
	padding-top: 10px;
	padding-bottom: 30px;
}

.news-main .content {
	padding-top: 20px;
	border-top: 1px dotted #dcdcdc;
	border-bottom: 1px dotted #dcdcdc;
	padding-bottom: 30px;
}

.news-main .content * {
	max-width: 100%;
}

.news-main .content p {
	padding-bottom: 10px;
	line-height: 1.7;
	color: #999999;
}


/**/

.paging {
	padding: 50px 0 100px 0;
}

.paging span,.paging a {
	color: #666666;
	font-size: 14px;
}

.paging .text {
	display: inline-block;
	color: #999999;
	font-size: 14px;
}

.paging .back {
	width: 91px;
	height: 32px;
	line-height: 32px;
	display: inline-block;
	background: #F08619;
	color: #FFFFFF;
	font-size: 14px;
}

.paging .text:hover {
	color: #F08619;
}


.fu-footer{
	padding-top: 30px;
	padding-bottom: 20px;
}
.fu-footer .fu-lx{
	padding-left: 20px;
}
.fu-footer .fu-lx h5{
	width: 70%;
	border-bottom: 2px solid #fff;
	padding-bottom: 15px;
}
.fu-footer .fu-lx h4,h5{
	color: #fff;
}
.fu-footer .fu-lx p{
	color: #B36523;
	font-size: 20px;
}
.fu-footer .fu-right a{margin: 0 10px;}
.fu-footer .fu-right p{
	color: #d6d6d6; font-size:12px;
}


.contact .fu-address{
	padding-top: 20px;
}
.contact .fu-address div p{
	color: #666666;
}
.contact .fu-h2{
	color: #666; font-size:24px;
}
.contact .fu-h3{
	width: 40%;
	border-bottom: 2px solid #C6C6C6;
	padding-bottom: 15px; font-size:22px;
}
.contact .fu-tel{
	color: #e77817;
	font-size: 21px;
	padding-top: 20px;
	padding-bottom: 40px;
}

.servers {
	position: relative;
	overflow: hidden;
	background: url('../temp/cpzx2.jpg') no-repeat center center;
/*	height: 350px;*/
	width: 100%;
}
.servers .fu-img{
		width: 100%;
}
.servers .fu-div{

		width: 100%;
		height: 100%;
		position: absolute;
		top:0%;
		text-align: center;
}
.servers .fu-div h2{
		color: #fff;
		padding: 4% 0 1% 0;
}
.servers .fu-div p{
		color: #fff;
		padding-bottom: 2%;
}
.servers .fu-div a{
		color: #fff;
		padding: 5px 15px 5px 15px;
		border: 1px solid #FFFFFF;
}
#fu-servers{margin-bottom: 10px;margin-top: 10px;display: none;	}

.news-list .item {
	background: #f7f7f7;
	margin-top: 15px;
}
.news-list .item .fu-title {
	font-size: 20px;
	color: #000000;
	margin-top: 15px;
}
.news-list .item .fu-cont {
	padding: 15px;
}
.news-list .item:hover .fu-cont {
	background: #6AC334;
	transition: all .5s ease;
}
.news-list .item:hover .fu-title {
	color: #FFFFFF;
	transition: all .5s ease;
}
.news-list .item:hover .time {
	color: #FFFFFF;
	transition: all .5s ease;
}.news-list .item:hover p {
	color: #FFFFFF;
	transition: all .5s ease;
}



.news-list .item .time {
	font-size: 12px;
	color: #999999;
	padding-bottom: 20px;
	display: block;
}

.news-list .item .image {
	text-align: center;
}

.news-list .img-frame{height: 260px}
.news-list .img-frame img {
	width: 100%;
	transition: all .5s ease;
	height: 100%;
}

#masonryy {
	padding-right: 0;
	padding-left: 0;
}

.news-list .item p {
	font-size: 12px;
	color: #666666;
	padding-top: 20px;
}


.news-list .item:hover img {
	transform: scale(1.1);
	transition: all .5s ease;
}



.marketing {
	border-top: 1px dotted #dcdcdc;
	padding-bottom: 70px;
}

.marketing .item {
	border-bottom: 1px dotted #dcdcdc;
	padding-bottom: 10px;
	margin: 0 15px;
}

.marketing .item h3 {
	font-size: 22px;
	color: #333333;
	padding-bottom: 15px;
	padding-top: 30px;
}

.marketing .item p {
	color: #666666;
}



.honor {
	padding-bottom: 70px;
}

.honor img {
	max-width: 100%;
	border: 3px solid #eeeeee;
}

.honor .image {
	text-align: left;
}

.honor .title {
	padding-top: 20px;
	padding-bottom: 20px;
	color: #666666;
	font-size: 16px;
}




@media only screen and (max-width: 760px) {
	.index-one p {
		font-size: 14px;
		width: 650px;
		padding-top: 30px
	}
}




@media only screen and (max-width: 992px) {
	.inner-nav li {
		padding-right: 0px;
	}
}



@media only screen and (min-width:1200px) {
	/*.banner {padding-top: 86px;transition: all .5s ease;position: fixed;}*/
	.min .banner {
		padding-top: 66px;
		transition: all .5s ease;
	}
}




@media only screen and (max-width:1800px) {
	.index-one-title {
		padding-top: 50px
	}
	.index-one {
		padding-top: 50px;
	}
}

@media only screen and (max-width:1700px) {
	.index-one-title {
		padding-top: 40px
	}
}

@media only screen and (max-width:1600px) {
	.index-one-title {
		padding-top: 30px
	}
	.index-one {
		padding-top: 40px;
	}
	.index-one p:nth-of-type(2) {
		padding-bottom: 50px;
	}
	.index-one p:nth-of-type(1) {
		padding-top: 40px;
	}
}

@media only screen and (max-width:1500px) {
	.index-one-title {
		padding-top: 20px
	}
	.index-one {
		padding-top: 30px;
	}
	.index-one p:nth-of-type(2) {
		padding-bottom: 40px;
	}
	.index-one p:nth-of-type(1) {
		padding-top: 30px;
	}
}

@media only screen and (max-width:1400px) {
	.index-one {
		padding-top: 20px;
	}
	.index-one p:nth-of-type(2) {
		padding-bottom: 30px;
		padding-top: 30px;
	}
	.index-one p:nth-of-type(1) {
		padding-top: 20px;
	}
	.index-two .title span {
		max-width: 400px;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	.index-one-title {
		padding-top: 10px;
	}
}

@media only screen and (max-width:1300px) {
	.index-one {
		padding-top: 10px;
	}
	.index-one p:nth-of-type(2) {
		padding-bottom: 20px;
		padding-top: 10px;
	}
	.index-one p:nth-of-type(1) {
		padding-top: 10px;
	}
	.index-two .title span {
		max-width: 300px;
	}
	.index-one-title {
		padding-top: 0px;
	}
}

@media only screen and (max-width:1200px) {
	.index-one {
		padding-top: 10px;
	}
	.index-one p:nth-of-type(2) {
		padding-bottom: 10px;
		padding-top: 0px;
	}
	.index-one p:nth-of-type(1) {
		padding-top: 10px;
	}
	.index-two .title span {
		max-width: 200px;
	}
	.inner-nav li {
		float: left;
		padding-right: 0px;
		text-align: center;
	}
	.index-three-item h3 {
		font-size: 20px;
	}
}

@media only screen and (max-width:992px) {
	.index-one p:nth-of-type(2) {
		display: none;
	}
	.index-one {
		padding-top: 0px;
	}
	.index-three-item h3 {
		font-size: 18px;
	}
}

@media only screen and (max-width:770px) {
	.index-two li:nth-of-type(3) {
		display: none;
	}
	.index-two-img .text h2 {
		margin-bottom: 25px;
	}
}




@media only screen and (max-width:1919px) {
	.index-two li:first-child {
		display: none;
	}
}

@media only screen and (max-width:1470px) {
	.index-two li:nth-of-type(2) {
		display: none;
	}
}



@media only screen and (max-width: 760px) {
	.map {
		margin: 0 -15px;
	}
	.paging .next {
		text-align: left;
		padding-top: 20px;
	}
	.marketing,
	.honor {
		padding-bottom: 0px;
	}
	.index-one-title {
		padding-top: 20px;
	}
	.index-phone-one p {
		padding-top: 15px;
		line-height: 1.7;
	}
	.index-phone-three .item {
		padding-top: 30px;
	}
	.index-phone-three {
		padding-bottom: 30px;
	}
}



@media only screen and (max-width: 500px) {
	.header-phone .menu {
		color: #666666;
		font-size: 18px;
		padding-left: 15px;
	}
	.phone-logo img {
		height: 36px;
	}
	.header-phone-lcbody {
		height: 32px;
	}
	.header-phone-lcbody .rect {
		width: 32px;
	}
	.header-phone-lcbody .bottom {
		transform: translate3d(0px, 6px, 0px);
	}
	.header-phone-lcbody .top {
		transform: translate3d(0px, -6px, 0px);
	}
	.header-phone .menu {
		padding-top: 7px;
		padding-left: 0px;
	}
	.header-phone-menu {
		top: 18px;
	}
	.inner-banner .content span {
		font-size: 20px;
	}
	.inner-banner .content p {
		font-size: 22px;
	}
	.servers h2 {
		font-size: 18px;
		padding-top: 0;
		padding-bottom: 10px;
	}
	.honor .title {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.footer-phone p {
		font-size: 14px;
		padding: 0 5px;
		color: #FFFFFF;
	}
	.index-phone-one {
		padding-top: 20px;
	}
	.index-phone-one {
		padding-top: 20px;
	}
	.index-phone-one .title {
		font-size: 22px;
	}
	.index-phone-one p {
		padding-top: 0px;
		font-size: 14px;
		line-height: 1.7;
	}
	.index-one-title .title {
		font-size: 22px;
		padding-top: 10px;
	}
	.index-phone-two img {
		padding-top: 10px;
	}
	.index-phone-two p {
		font-size: 16px;
		padding-bottom: 0px;
		padding-top: 10px;
	}
	.index-phone-three .item p {
		font-size: 16px;
	}
	.index-phone-three {
		padding-bottom: 30px;
	}
	.index-phone-three .item {
		padding-top: 20px;
	}
	.inner-content {
		padding-top: 0px;
		padding-bottom: 40px;
	}
	.inner-content .title {
		padding-bottom: 10px;
	}
	.news-main .title {
		font-size: 16px;
	}
	.product-bg-content {
		left: 0%;
		top: 100px;
		margin-top: 10px;
		margin-left: 0px;
	}
	.product-bg {
		overflow: auto;
	}
	.product-bg-content p {
		overflow: none;
		height: 100%;
	}
	.product-bg-content {
		height: auto;
	}
}




.ellipsis{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.duohang{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


.June-one{background: rgb(215,237,251);}
.June-one-top *{padding: 0;margin: 0;}
.June-one-top{padding-top: 6%;text-align: center;font-size: 0;}
.June-one-top h3 a{font-size: 32px;color: #F08619;}
.June-case .June-one-top h3 a{color:#F08619;}
.June-one-top P{font-size: 14px;color: #999999;padding: 0.8% 0;}
.June-one-top em{background: #dadada;display: inline-block;width: 25px;height: 1px;}
.June-one-top span{display: block;padding: 2.9% 19% 5% 19%;font-size: 14px;color: #999999;line-height: 2;}
.June-one-middle{font-size: 0;padding-bottom: 6.1%;}
.June-one-item{width: 20%;text-align: center;display: inline-block;float: left;}
.June-one-item img{width: 55%;}
.June-one-item p{font-size: 14px;color: #999999;padding: 8.8% 13% 0 13%;}
.June-one-bottom{text-align: center;padding-bottom: 6.3%;}
@media only screen and (max-width:768px) {
.June-one-bottom img{ display:none;}
.June-one-top span{ padding:4% 2%;}

}

.June-case{background: #b4d9e3;}

.June-grey{background: #f7e1e4;width: 100%;}
.pdbt{
	padding-bottom:30px;
}


.June-news{padding-bottom: 2%;background: rgb(215,237,251);}
.June-news p,.June-news h5{padding: 0;margin: 0;}
.June-news-left{width: 100%;height: 60%;position: relative;}
.June-news-left img{width: 100%;height: 100%;}
.June-news-top{padding: 1% 2%;background: #d5d5d5;color: #fff;position: absolute;top: 0;left: 3%;}
.June-news-top span{font-size: 44px;display: block;line-height: 1;text-align: center;}
.June-news-top em{font-size: 16px;font-style: normal;}
.June-news-bottom h5 a{color: #333333;font-size: 16px;font-weight: bold;padding: 3% 0; display:inline-block;}
.June-news-bottom p{color: #666;font-size: 14;line-height: 1.8;}
.June-news-right .left{padding: 1% 2%;background: #fff4ea;color: #889;}
.June-news-right .left span{font-size: 44px;display: block;line-height: 1;text-align: center;}
.June-news-right .left em{font-size: 16px;font-style: normal;color:#999}
.June-news-right .right{padding-left: 2.5%;width: 84%;}
.June-news-right .right h5 a{color: #333333;font-size: 16px;font-weight: bold;padding-bottom: 3%;}
.June-news-right .right p{color: #666;font-size: 14;line-height: 1.8; padding-top:12px;}
.June-news-right li{padding-bottom: 5%;}


.June-nav{background: #d4d1ef;padding: 2% 0 1.4% 0;text-align: center;overflow:hidden;}
.June-nav dl{border-left: 1px solid #c4c1ef;border-right: 1px solid #c4c1ef;float: left;width: 16.6%;font-size: 16px;color: #fff;margin-left:-1px;}
.June-nav dt{font-size: 16px;padding-bottom: 4%;}
.June-nav dt a{color:#333;}
.June-nav dd a{color:#666;}
.June-nav dt a:hover{ color:#000;}
.June-nav dd a:hover{ color:#000;}
.June-nav dd{font-size: 12px;padding-bottom: 2%;}
.June-footer{background: #393f42;text-align:center;color:#999;padding:0 10px;}
.June-footer a{
	color:#999;
}

.fu-right{overflow:hidden;}
.tubiao.pull-right{ width:100%; text-align:right;}
.link.pull-right{text-align:right; margin-bottom:20px;}
.link.pull-right a{ display:inline-block;}
.fu-right p{ text-align:right;}
.container.contact.map-con{ padding-top:60px;}
#dituContent{width:840;height:394px;border: none; padding:0;}


@media only screen and (max-width:1200px) {
	.June-one-top h3{font-size: 26px;}
	.June-news-top span{font-size: 34px;}
	.June-news-right .left span{font-size: 34px;}
	.June-news-right .right{width: 80%;}
	.June-news-right li{padding: 2.8% 0;}

}


@media only screen and (max-width:768px) {
	.June-one-top h3{font-size: 20px;}
	.June-one-item{width: 50%;height:200px;}
	.June-one-item p{font-size: 14px;color: #999999;padding: 8.8% 7% 0 7%;}
	.June-one-item img{width: 35%;}
	.June-news-top span{font-size: 24px;}
	.June-news-top em{font-size: 14px;}
	.June-news-right .left span{font-size: 24px;}
	.June-news-right .left em{font-size: 14px;}
	.June-news-right .right{width: 87%;}
	.June-news-right .right h5{padding-bottom: 1%;}
	.June-news-right .right p{line-height: 1.6;}
	.June-news-content{ padding:0 0 0 0px !important;}
	.June-news-right .left.pull-left{ display:none;}
	.June-news-right .right{ padding:0;}
	.June-news-right .right.pull-left{ width:100%;}
	.June-news-content h5{ margin-top:10px;}
	.container.contact.map-con{ padding-top:30px;}
	.map.col-lg-9.wow{ margin-top:40px; width:100%; }
	#dituContent{width:100%;height:394px;}
	.product .img-frame{height: 190px;line-height: 190px;}
	.June-recruit-new{padding: 20px 0 30px 0;}
	#shares{right: 10px;bottom: 100px;}
	#shares a{width: 40px;height: 40px;}
}

@media only screen and (max-width:500px) {
	.June-one-item img{width: 50%;}
	.June-news-top span{font-size: 24px;}
	.June-news-right .left span{font-size: 24px;}
	.June-news-right .right{width: 81%;}
	.June-news-right .right p{line-height: 1.5;}
	.servers {margin-top: 20px;/*height: 160px;*/}
	.servers .fu-div{top: 0;}
	.June-recruit-new{padding: 20px 0 10px 0;}
	.servers .fu-div a{display: inline-block;margin-top: 4.5%;}
	.swiper-button-next, .swiper-button-prev{top: 37% !important;}
	.inner-nav li{padding-right: 10px;}
	.inner-nav li a {padding: 0 10px 0 0;}
	/*.inner-nav li::before{content: '00';}
	.inner-nav li::after{content: '00';}*/
	.inner-nav li:hover a{padding: 5px 10px 0 0;}
	.inner-nav li:hover::before{width: 0;}
	.inner-nav li:hover::after{width: 0;}
}

.container.fu-footer .col-md-4{ padding-left:0;}
.June-news-content .col-md-6{ padding-left:0;}
.container.fu-footer .col-md-8{ padding-right:0;}

.June-news-content {
	margin-top:30px;
}

.June-recruit{padding:20px 0 70px 0;border-top: 1px dotted #dcdcdc;}
.June-recruit thead{background: #ddd;font-size: 16px;color: #4e6266;}


.June-recruit .active{background-color: #ddd !important;}
.June-recruit-content{padding-bottom: 50px;}
.June-recruit-content p{font-size: 14px;color: #878787;line-height: 2;margin: 0;}


.June-recruit th{font-size: 15px;}
.June-recruit td{font-size: 14px;;}
.June-recruit td,.June-recruit th{border:1px solid #e9eded;height: 55px;line-height: 55px !important;padding: 0 !important;text-align: center;}
.June-recruit td a{background: #a9a9a9;display: inline-block;padding: 0px 5px;color: #fff;font-size: 13px;border-radius: 6px;line-height: 1;height: 32px;line-height: 32px;}

.June-recruit .table>thead>tr>th{border-bottom: 1px solid #ddd;}



.btnav{
	display:none;
}

@media only screen and (max-width:768px) {
	#swiper1{
		padding-top:0;
	}
	#swiper1 .flex-direction-nav{
		display:none;
	}
	#swiper2 .flexslider .slides li {
        position: relative;
        height: 180px;
    }

.June-case .container {
    width: 100%;
}
.June-grey .col-xs-6{
	width:100%;
}


.June-footer{
	padding-bottom:60px;
}

    .btnav {
        display: block;
        width: 100%;
        background: #fff;
        height: auto;
        border-top:1px solid #ddd;
        overflow: hidden;
        position:fixed;
        bottom:0;
        z-index:90;
    }
    .btnav ul li {
        width: 33.33%;
        float: left;
        text-align: center;
        border-right: 1px dotted #ddd;
    }
    .btnav ul li:last-child {
        border-right: 0;
    }
    .btnav ul li a {
        color: #666;
        display: inline-block;
        width: 100%;
        height:60px;
        font-size:14px;
        padding: 36px 0 0px;
        position: relative;
    }
    .btnav ul li a i {
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30x;
        position: absolute;
        left: 50%;
        margin-left: -15px;
        top: 5px;
        font-size: 20px;
        background-size:24px;
        background-repeat:no-repeat;
        background-position:50% 50%;
    }

    .btnav ul li.tel a i{
    	background-image:url(../images/ico/i_call.png);
    }
    .btnav ul li.navi a i{
    	background-image:url(../images/ico/i_map.png);
    }
    .btnav ul li.mail a i{
    	background-image:url(../images/ico/i_chat.png);
    }





}